/*公共样式*/
body {
	font-family: "Microsoft YaHei";
	width: 100%;
	max-width: 1920px;
	margin: auto;
	min-width: 1300px;
	position: relative;
	padding-top: 69px;
}

*:focus {
	outline: none;
}

a {
	text-decoration: none;
}

a:focus,
a:hover {
	outline: none;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

p {
	margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	font-weight: 400;
}

ul {
	margin-bottom: 0;
	padding: 0;
}

ul li {
	list-style: none;
}

.container {
	width: 1200px !important;
	padding: 0;
}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


/* 公共头部导航 */
.header {
	width: 100%;
	height: 69px;
	background: #fff;
	font-size: 16px;
	position: fixed;
	top: 0;
	z-index: 999;
}

.header .nav {
	width: 1258px;
	margin: auto;
}

.header .nav .logo {
	float: left;
	display: block;
	width: 60px;
	height: 60px;
	margin-top: 5px;
	cursor: pointer;
}

.header .nav .top {
	float: left;
	height: 69px;
	padding-left: 66px;
}

.header .nav .top>li {
	float: left;
	margin-right: 50px;
	position: relative;
	z-index: 100;
}

.header .nav .child {
	position: absolute;
	z-index: 100;
	background: rgba(0, 0, 0, 0.3);
	width: 272px;
	top: 111px;
	left: -86px;
	height: 0px;
	overflow: hidden;
	opacity: 0;
	z-index: 100;
	transition: all .3s linear;
}

.header .nav .child>li>a {
	width: 100%;
	display: block;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.header .nav .top>li>a {
	display: block;
	height: 69px;
	line-height: 69px;
	padding: 0 18px;
	color: #595A5C;
}

.header .nav .top>li:hover {
	padding-bottom: 22px;
}

.header .nav .top>li.active>a,
.header .nav .top>li:hover>a {
	background: #009fe9;
	color: #fff;
}

.header .nav .child>li:hover>a ,
.header .nav .child>li.active>a{
	color: #009fe9;
}

.header .nav .top>li:hover>.child {
	height: auto;
	opacity: 1;
	top: 91px;
}

.header .nav .right {
	float: right;
	border-top: 1px solid transparent;
}

.header .nav .right .login {
	display: inline-block;
	padding: 8px 13px;
	border-radius: 4px;
	background: #009fe9;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	margin-top: 18px;
}
.header .nav .right .leaguer {
	display: inline-block;
	margin-top: 18px;
	margin-left: 15px;
}
.header .nav .right .leaguer img{
	display: inline-block;
	width: 29px;
	height: 32px;
	
}
.header .nav .right .cart {
	display: inline-block;
	width: 31px;
	height: 30px;
	margin-left: 20px;
	cursor: pointer;
	position: relative;
	top: 2px;
	margin-right: 15px;
	padding-top: 0;
	background:none;
}

.header .nav .right .line {
	display: inline-block;
	width: 1px;
	height: 24px;
	vertical-align: middle;
	background: #FCAF3D;
	margin-right: 15px;
}

.header .nav .right .weixin {
	display: inline-block;
	width: 36px;
	height: 29px;
	cursor: pointer;
}

/* 公共底部开始 */
.footer{
	background: #009fe9;
	padding: 10px 0;
}

.footer .copy {
	color: #fff;
	line-height: 35px;
	text-align: center;
}




/* 首页banner样式 */
.indexBanner .indicators-line>.carousel-indicators li {
	background: rgba(255, 255, 255, 0.5);
	width: 15px;
	height: 15px;
	margin-right: 20px;
	border: none;
}

.indexBanner .indicators-line>.carousel-indicators .active {
	margin: 0 20px 0 0;
	box-shadow: none;
	background: rgba(255, 255, 255, 1);
}

.indexBanner .bs-slider .bs-slider-overlay {
	background-color: transparent;
}

.indexBanner .slide-text>a.btn-default {
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	text-align: center;
	padding: 12px 47px;
	border: 1px solid #fff;
	border-radius: 14px;
	background: transparent;
}

.indexBanner .slide-text>h1 {
	font-size: 62px;
}

.indexBanner .slide-text>p {
	font-size: 36px;
	line-height: 38px;
	margin-bottom: 85px;
}

.indexBanner .slide-text.slide_style_center>p {
	margin-bottom: 70px;
}

.indexBanner .slide-text {
	width: 1200px;
	margin: auto;
	padding: 0;
}

.indexBanner .slide-text.slide_style_left {
	top: 34%;
}

.indexBanner .slide-text.slide_style_center {
	top: 45%;
}

.indexBanner .slide-text.slide_style_right {
	top: 30%;
}

.indexBanner .bs-slider>.carousel-inner>.item>img,
.indexBanner .bs-slider>.carousel-inner>.item>a>img {
	height: auto;
}

.indexBanner .bs-slider {
	max-height: 870px;
}


/* 登陆页面样式 */
.login {
	background: #fffbf4;
	padding-top: 70px;
	padding-bottom: 150px;
}

.login .logo {
	display: block;
	width: 100px;
	height: 100px;
	margin: auto;
}

.login .title {
	text-align: center;
	line-height: 74px;
	font-size: 24px;
	color: #2F2F2F;
}

.login .form {
	width: 576px;
	margin: auto;
}

.login .form>div {
	margin-top: 16px;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	background: #fff;
}

.login .form .form-control {
	height: 65px;
	box-sizing: border-box;
	font-size: 18px;
	border: none;
	color: #A8A8A8;
}

.login .form .account {
	padding-right: 20px;
}

.login .form .password {
	padding-right: 20px;
}

.login .form .account .item {
	background: url(../images/people.png) no-repeat;
	background-size: 30px 36px;
	background-position: right center;
}

.login .form .password .item {
	background: url(../images/password.png) no-repeat;
	background-size: 30px 36px;
	background-position: right center;
}

.login .form .form-control:focus {
	box-shadow: none;
}

.login .form .identify {
	overflow: hidden;
}

.login .form .identify .item {
	width: 450px;
	float: left;
}

.login .form .identify img {
	display: block;
	float: right;
	width: 123px;
	height: 65px;
}

.login .form .submit {
	display: block;
	width: 100%;
	height: 65px;
	background: #009fe9;
	line-height: 65px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin: 16px auto 30px;
}

.login .form .tigs {
	margin-top: 0;
	border: none;
	background: transparent;
	color: #353535;
	font-size: 18px;
	overflow: hidden;
}

.login .form .tigs .home {
	float: left;
	color: #353535;
}

.login .form .tigs .checkbox {
	float: left;
	margin: 0 150px;
}

.login .form .tigs .findPassword {
	float: right;
	color: #353535;
}

.login .form .tigs input[type=checkbox] {
	margin: 7px 0 0 -20px;
}

.login .register {
	display: block;
	font-size: 18px;
	line-height: 20px;
	color: #009fe9;
	text-align: center;
	margin-top: 27px;
	padding: 40px 0 0;
}

/* 注册页面样式 */
.register {
	background: #fffbf4;
	padding-top: 70px;
	padding-bottom: 150px;
}

.register .logo {
	display: block;
	width: 100px;
	height: 100px;
	margin: auto;
}

.register .title {
	text-align: center;
	line-height: 74px;
	font-size: 24px;
	color: #2F2F2F;
}

.register .form {
	width: 576px;
	margin: auto;
}

.register .form>div {
	margin-top: 16px;
	border: 1px solid #e8e8e8;
	border-radius: 4px;
	background: #fff;
}

.register .form .form-control {
	height: 65px;
	box-sizing: border-box;
	font-size: 18px;
	border: none;
	color: #A8A8A8;
}

.register .form .account {
	padding-right: 20px;
}

.register .form .password,
.register .form .password1 {
	padding-right: 20px;
}

.register .form .account .item {
	background: url(../images/people.png) no-repeat;
	background-size: 30px 36px;
	background-position: right center;
}

.register .form .password .item {
	background: url(../images/password.png) no-repeat;
	background-size: 30px 36px;
	background-position: right center;
}
.register .form .password1 .item {
	background: url(../images/password1.png) no-repeat;
	background-size: 30px 36px;
	background-position: right center;
}

.register .form .phone .item {
	background: url(../images/phone.png) no-repeat;
	background-size: 30px 36px;
	background-position: right center;
}

.register .form .form-control:focus {
	box-shadow: none;
}

.register .form .identify {
	overflow: hidden;
}

.register .form .phoneCode {
	overflow: hidden;
}

.register .form .identify .item,
.register .form .phoneCode .item {
	width: 435px;
	float: left;
}

.register .form .identify img {
	display: block;
	float: right;
	width: 123px;
	height: 65px;
}

.register .form .phoneCode .code {
	display: block;
	float: right;
	width: 123px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #009fe9;
	color: #fff;
	margin-top: 10px;
	margin-right: 10px;
}

.register .form .submit {
	display: block;
	width: 100%;
	height: 65px;
	background: #009fe9;
	line-height: 65px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin: 16px auto 30px;
}

.register .backLogin {
	display: block;
	font-size: 18px;
	line-height: 20px;
	color: #009fe9;
	text-align: center;
	margin-top: 27px;
}



/* 列表页页码样式 */
.page {
	margin: 55px auto;
	text-align: center;
}

.page ul {
	display:inline-block;
	margin: auto;
	overflow: hidden;
}

.page li {
	float: left;
	margin: 0 5px;
}

.page li {
	border-radius: 100%;
	border: 2px solid transparent;
}

.page li a {
	display: block;
	width: 28px;
	height: 28px;
	border-radius: 100%;
	border: 1px solid #979797;
	color: #7D7D7D;
	font-size: 12px;
	line-height: 28px;
}

.page li.per,
.page li.next {
	width: auto;
	border-radius: 12px;
}

.page li.per a,
.page li.next a {
	width: auto;
	padding: 0 18px;
	border-radius: 12px;
}

.page li:hover,
.page li.active {
	border: 2px solid #FE9901;
}

.page li:hover a ,
.page li.active a{
	background: #FE9901;
	border: 1px solid #fff;
	color: #fff;
}




/* 会员中心页面样式 */
.member {
	background: #fffbf4;
	padding: 30px 0 105px;
}

.member .container {
	overflow: hidden;
}

.member .left {
	width: 220px;
	float: left;
	border: 1px solid #e5e5e5;
	background: #fff;
	padding-bottom: 20px;
}

.member .right {
	width: 940px;
	float: right;
	border: 1px solid #e5e5e5;
	background: #fff;
}

.member .left .head {
	background: #009fe9;
	color: #fff;
	padding: 10px 30px;
}

.member .left .china {
	font-size: 14px;
}

.member .left .eng {
	font-size: 12px;
}

.member .left li a {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 60px;
	border-left: 4px solid transparent;
	padding-left: 58px;
	color: #464646;
}

.member .left li:nth-child(1) a {
	background: url(../images/left1.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li:nth-child(2) a {
	background: url(../images/left2.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li:nth-child(3) a {
	background: url(../images/left3.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li:nth-child(4) a {
	background: url(../images/left4.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li:nth-child(5) a {
	background: url(../images/left5.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li a:hover,
.member .left li a.active {
	border-left: 4px solid #009fe9;
	color: #009fe9;
}

.member .left li:nth-child(1) a:hover,
.member .left li:nth-child(1) a.active {
	background: url(../images/left1On.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li:nth-child(2) a:hover,
.member .left li:nth-child(2) a.active {
	background: url(../images/left2On.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li:nth-child(3) a:hover,
.member .left li:nth-child(3) a.active {
	background: url(../images/left3On.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li:nth-child(4) a:hover,
.member .left li:nth-child(4) a.active {
	background: url(../images/left4On.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .left li:nth-child(5) a:hover,
.member .left li:nth-child(5) a.active {
	background: url(../images/left5On.png) no-repeat;
	background-size: 21px 20px;
	background-position: 23px center;
}

.member .right .title {
	padding-left: 60px;
	line-height: 46px;
	background: #F5F5F5 url(../images/type.png) no-repeat;
	background-size: 20px 16px;
	background-position: 30px center;
	border-bottom: 1px solid #E5E5E5;
	font-size: 14px;
}

.member .right .personal {
	padding: 0 29px 36px;
}

.member .right .personal .top {
	padding-top: 30px;
	overflow: hidden;
}

.member .right .personal .top img {
	display: block;
	float: left;
	width: 106px;
	height: 106px;
	margin-right: 35px;
}

.member .right .personal .top .upload {
	float: left;
}

.member .right .personal .top .upload p {
	color: #777;
	line-height: 35px;
	font-size: 14px;
}

.member .right .personal .top .upload input {
	margin: 5px 0;
}

.member .right .personal .center {
	overflow: hidden;
}

.member .right .personal .center .item {
	float: left;
	margin-top: 13px;
}

.member .right .personal .center .half {
	width: 50%;
}

.member .right .personal .center .half:nth-child(2n+2) {
	padding-left: 28px;
}

.member .right .personal .center .whole {
	width: 100%;
}

.member .right .personal .center .item p {
	font-size: 14px;
	color: #777;
	line-height: 34px;
}

.member .right .personal .center .item input {
	width: 378px;
}

.member .right .personal .center .form-control {
	border: 1px solid #E0E0E0;
}

.member .right .personal .center .birthday select {
	width: 133px;
	float: left;
	margin-right: 52px;
}

.member .right .personal .center .sex label {
	color: #777;
	font-weight: 400;
	margin-bottom: 0;
	margin-top: 10px;
	margin-right: 83px;
}

.member .right .personal .center .sex input {
	width: 14px;
}

.member .right .personal .center .work select {
	width: 512px;
}

.member .right .personal .preserve {
	display: block;
	width: 135px;
	height: 40px;
	background: #009fe9;
	border-radius: 4px;
	margin: 40px auto 0;
	color: #fff;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}

/* 个人中心---我的订单页面 */
.member .right .order {
	padding: 30px;
}

.member .right .order .top {
	overflow: hidden;
	border: 1px solid #E4E4E4;
	height: 36px;
	margin-bottom: 32px;
}

.member .right .order .top>div {
	float: left;
	line-height: 36px;
	font-size: 14px;
	color: #757575;
	text-align: center;
	background: #F5F6FB;
}

.member .right .order .name {
	width: 424px;
}

.member .right .order .people {
	width: 93px;
}

.member .right .order .price {
	width: 97px;
}

.member .right .order .status {
	width: 112px;
}

.member .right .order .operate {
	width: 148px;
}

.member .right .order .code {
	font-size: 14px;
	line-height: 35px;
	padding: 0 15px;
	background: #F0F0F0;
	color: #757575;
}

.member .right .order .code .time {
	margin-left: 20px;
}

.member .right .order .delete {
	float: right;
	cursor:pointer;
}
.member .right .order .delete:hover{
	color:#009fe9;
}

.member .right .order .item {
	border: 1px solid #E1E1E1;
	font-size: 14px;
	overflow: hidden;
	margin-bottom: 28px;
}

.member .right .order .item .content {
	overflow: hidden;
}

.member .right .order .item .content>div {
	float: left;
	text-align: center;
	color: #757575;
	border-right: 1px solid #E5E5E5;
	line-height: 97px;
	overflow: hidden;
}

.member .right .order .item .content .operate {
	border-right: none;
}

.member .right .order .item .name {
	overflow: hidden;
	padding: 14px;
}

.member .right .order .item .name img {
	display: block;
	width: 137px;
	height: 69px;
	float: left;
	margin-right: 23px;
}

.member .right .order .item .name .info {
	float: left;
	width: 226px;
	text-align: left;
}

.member .right .order .item .name .monicker {
	line-height: 19px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 38px;
}

.member .right .order .item .name .num {
	margin-top: 8px;
	line-height: 15px;
}

.member .right .order .item .content .status {
	/* line-height: 18px;
	padding: 30px 0; */
}

.member .right .order .item .operate a {
	display: block;
	width: 76px;
	height: 29px;
	background: #009fe9;
	color: #fff;
	line-height: 29px;
	text-align: center;
	font-size: 14px;
	margin: 30px auto 0;
	border-radius: 3px;
}

.member .right .order .bottom {
	margin: 10px auto 27px;
	text-align: center;
	position: relative;
}

.member .right .order .bottom ul {
	overflow: hidden;
	display: inline-block;
	width: auto;
}

.member .right .order .bottom ul li {
	float: left;
	margin-right: 8px;
}
.member .right .order .bottom ul li.active{
	background: #009fe9;
}
.member .right .order .bottom ul li.active a{
	color: #fff;
}
.member .right .order .bottom ul a {
	display: block;
	height: 30px;
	color: #666;
	font-size: 14px;
	line-height: 30px;
	padding: 0 15px;
}

.member .right .order .bottom ul li:hover a {
	background: #009fe9;
	color: #fff;
}

/* 个人中心---收获地址 */
.member .addressList {
	padding: 30px;
	text-align: center;
	color: #757575;
	min-height: 500px;
}

.member .addressList .top {
	overflow: hidden;
	background: #F0F0F0;
	border: 1px solid #E4E4E4;
	line-height: 36px;
}

.member .addressList .top>div {
	float: left;
	overflow: hidden;
	padding: 0 5px;
}

.member .addressList .item {
	border: 1px solid #E1E1E1;
	border-top: none;
	overflow: hidden;
}

.member .addressList .item>div {
	float: left;
	overflow: hidden;
	padding: 0 5px;
	line-height: 64px;
}

.member .addressList .name {
	width: 110px;
}

.member .addressList .location {
	width: 300px;
	text-align: left;
}

.member .addressList .zip {
	width: 100px;
}

.member .addressList .tel {
	width: 150px;
}

.member .addressList .operate {
	width: 215px;
}

.member .addressList .operate a {
	display: inline-block;
	background: #009fe9;
	color: #fff;
	height: 29px;
	padding:0 6px;
	line-height: 29px;
	border-radius: 3px;
	font-size: 14px;
}

.member .addressList .operate a:first-child,
.member .addressList .operate a:nth-child(2) {
	margin-right: 13px;
}
.member .addressList .operate a:nth-child(2){
	background: #ec4758;
}
.member .addressList .add a {
	display: block;
	width: 124px;
	height: 42px;
	line-height: 42px;
	background: #009fe9;
	margin-top: 29px;
	color: #fff;
	border-radius: 3px;
}

/* 会员中心----增加新地址页面样式 */
.member .addAddress {
	padding: 6px 30px;
	overflow: hidden;
	color: #777;
	font-size: 14px;
}

.member .addAddress .item {
	float: left;
	width: 100%;
	margin-top: 17px;
}

.member .addAddress .item p {
	line-height: 29px;
	font-size: 14px;
}

.member .addAddress .item .name {
	width: 378px;
}

.member .addAddress .item.seat select {
	display: inline-block;
	margin-right: 52px;
	width: auto;
}

.member .addAddress .item .detail {
	width: 511px;
	padding: 6px 12px;
}

.member .addAddress .item.code {
	width: 228px;
	margin-right: 55px;
}

.member .addAddress .item .hold {
	display: block;
	width: 135px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 70px 0 97px;
	color: #fff;
	background: #009fe9;
	border-radius: 4px;
}

/* 会员中心----修改密码 */
.member .editPassword {
	padding: 58px 0 0;
	width: 311px;
	margin: auto;
}

.member .editPassword .item {
	margin-top: 9px;
	color: #9E9E9E;
}

.member .editPassword .item p {
	line-height: 36px;
	font-size: 16px;
}

.member .editPassword .item input {
	border: 1px solid #E0E0E0;
}

.member .editPassword .item a {
	display: block;
	width: 129px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 44px auto 108px;
	color: #fff;
	background: #009fe9;
	border-radius: 4px;
}

/* 购物车页面样式 */
.cart {
	background: #fffbf4;
	padding-top: 16px;
}

.cart .title {
	padding: 33px 0 33px 60px;
	background: url(../images/cart1.png) no-repeat;
	background-size: 45px 40px;
	background-position: center left;
	line-height: 40px;
	color: #009fe9;
	font-size: 24px;
	border-bottom: 1px solid #d1d1d1;
	position: relative;
}

.cart .title::after {
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	border-left: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	transform: rotate(-45deg);
	position: absolute;
	bottom: -8px;
	left: 20px;
	z-index: 10;
	background: #fffbf4;
}

.cart .top {
	margin-top: 19px;
	line-height: 46px;
	background: #eee;
	overflow: hidden;
	text-align: center;
}

.cart .top>div {
	float: left;
	height: 46px;
}

.cart .info {
	width: 300px;
	overflow: hidden;
}

.cart .price {
	width: 219px;
}

.cart .num {
	width: 219px;
}

.cart .total {
	width: 207px;
}

.cart .total {
	width: 207px;
}

.cart .check {
	width: 65px;
}

.cart .operate {
	width: 190px;
}

.cart .info img {
	display: block;
	width: 75px;
	height: 69px;
	float: left;
}

.cart .info p {
	float: right;
	width: 190px;
	line-height: 23px;
	height: 46px;
	margin-top: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-align: left;
	color: #757575;
}
.cart .item{
	overflow: hidden;
	border-bottom: 1px solid #D1D1D1;
}
.cart .item>div{
	padding: 25px 8px;
	float: left;
	text-align: center;
	border-right: 1px solid #D1D1D1;
	height: 119px;
}
.cart .item>div:first-child,
.cart .item>div:last-child{
	border-right: none;
}
.cart .check input{
	margin-top: 28px;
}
.cart .item .price{
	line-height: 69px;
	color: #4B4B4B;
}
.cart .item .price span{
	font-size: 23px;
	font-weight: bold;
}
.cart .item .num{
	line-height: 69px;
}
.cart .item .num .opp{
	padding:2px 8px;
	border: 1px solid  #999;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
}
.cart .item .num .number{
	padding: 3px 23px;
	background: #F3980F;
	font-size: 18px;
	color: #fff;
}
.cart .item .total{
	line-height: 69px;
	color: #4B4B4B;
}
.cart .item .total span{
	font-size: 23px;
	font-weight: bold;
}
.cart .item .operate{
	line-height: 69px;
}
.cart .item .operate a{
	color: #757575;
	padding: 5px 10px;
	font-size: 14px;
}
.cart .bottom{
	margin-top:24px;
	background: #eee;
	padding: 19px 25px 40px;
	color: #757575;
	border:1px solid #D1D1D1;
	overflow: hidden;
}
.cart .bottom .all{
	float: left;
}
.cart .bottom .all label{
	font-weight: 400;
	color:#464646;
	margin-right: 30px;
}
.cart .bottom .all a{
	color: #464646;
}
.cart .bottom .consult{
	float: right;
	margin-right: 49px;
}
.cart .bottom .amount{
	float: right;
}
.cart .bottom .consult p:nth-child(1){
	margin-bottom: 12px;
}
.cart .bottom .consult p{
	line-height: 24px;
} 
.cart .bottom .consult p span{
	font-size: 22px;
	color: #FF9900;
	font-weight: bold;
	padding: 0 6px;
}
.cart .bottom .amount p{
	color: #4B4B4B;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}
.cart .bottom .amount p:nth-child(2){
	font-weight: 400;
	margin-top: 9px;
}
.cart .bottom .amount p:nth-child(2) span{
	font-weight: bold;
	font-size: 30px;
}
.cart .place{
	overflow: hidden;
	margin-top: 37px;
	margin-bottom: 70px;
}
.cart .place a{
	display: block;
	width: 182px;
	line-height: 43px;
	border: 1px solid #009fe9;
	border-radius:5px;
	font-size: 18px;
}
.cart .place a:first-child{
	color: #009fe9;
	padding-left: 63px;
	background: url(../images/icon2.png) no-repeat;
	background-size: 14px 16px;
	background-position: 42px center;
	float: left;
}
.cart .place a:last-child{
	float: right;
	color: #fff;
	padding-right: 63px;
	padding-left: 63px;
	text-align: center;
	background:#009fe9 url(../images/icon1.png) no-repeat;
	background-size: 14px 16px;
	background-position:126px center;
}


/* 确认订单页面  -----  借用了购物车列表页的样式 */
.confirm p.delivery{
	background: url(../images/confirm1.png) no-repeat;
	background-size: 45px 40px;
	background-position: center left;
	border-bottom:none;
	position: static;
}
.confirm .receive{
	overflow: hidden;
	padding-bottom: 25px;
}
.confirm .every{
	width: 270px;
	height: 205px;
	float: left;
	margin-right: 40px;
	border: 1px solid #009fe9;
	padding: 22px 23px 20px;
	background: #fff url(../images/confirm2bg.png) no-repeat;
	position: relative;
}
.confirm .every p{
	color: #4B4B4B;
	line-height: 30px;
	font-size: 14px;
}
.confirm .every>div{
	overflow: hidden;
	position: absolute;
	bottom: 20px;
	width: 224px;
	left: 23px;
}
.confirm .every .edit{
	float: left;
	cursor: pointer;
}
.confirm .every .checked{
	float: right;
	cursor: pointer;
}
.confirm .special{
	background: #fff;
}
.confirm .special img{
	display: block;
	width: 48px;
	height: 48px;
	margin: 55px auto;
	cursor: pointer;
}
.confirm .every:nth-child(4){
	margin-right: 0;
}
.confirm .item>div.info{
	border-right: 1px solid #D1D1D1;
	padding: 25px 8px 25px 30px;

}
.confirm .info{
	width: 345px;
}
.confirm .info p{
	width: 215px;
}
.confirm .bottom .comFlef{
	float: left;
}
.confirm .bottom .comRight{
	float: right;
}
.confirm .bottom .comFlef p{
	font-size:14px;
	color: #4B4B4B;
	line-height: 31px;
}
.confirm .bottom .comRight .comTotal{
	font-size: 14px;
	font-weight: 600;
	text-align: right;
	margin-top: 12px;
}
.confirm .bottom .comRight .grand{
	font-size: 18px;
	margin-top: 10px;
}
.confirm .bottom .comRight .grand span{
	font-size:30px;
	font-weight:bold;
	line-height:36px;
}
.confirm .bottom{
	padding: 14px 25px 22px;
}
.confirm .submit{
	width: 182px;
	height: 43px;
	background: #009fe9;
	border-radius: 5px;
	line-height: 43px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	margin: 37px 0 80px auto;
	cursor: pointer;
}


/* 科学盒子详情页样式 */
.detail{
	padding: 45px 100px;
}
.detail .top{
	overflow: hidden;
}
.detail .top .left{
	width: 550px;
	height: 440px;
	float: left;
	position: relative;
}
.detail .top .right{
	width: 600px;
	float: right;
}
/* 详情页放大镜样式 */
#showbox { background:#eee;}
#showbox>p{z-index: 400;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum {left: 0;width: 100% !important;}
#showsum span { border:1px solid #ddd;cursor: pointer;}
#showsum span:nth-child(1){margin-left: 0 !important;}
#showsum span.sel { border:1px solid #f60;}
#showsum span img{top: 0 !important;}

.detail .top .right .name{
	font-size: 24px;
	font-weight: bold;
	color: #FE9901;
	line-height: 40px;
}
.detail .top .right .info{
	color: #888;
	line-height: 30px;
	font-size: 16px;
	margin: 18px 0 40px;
}


.detail .top .bottom .price{
	font-size:18px;
	color: #313735;
	line-height:45px; 
}
.detail .top .bottom .price span:nth-child(2n+2){
	margin: 0 45px 0 14px;
	font-size:24px;
	font-weight:bold;
}
.detail .top .bottom .price span:nth-child(2){
	text-decoration: line-through;
	color: #888;
}
.detail .top .bottom .price span:nth-child(4){
	color: #FF0000;
}
.detail .top .bottom .check label{
	width: 100%;
	margin-top: 13px;
}
.detail .top .bottom .check label p{
	display: inline-block;
	padding: 8px 11px;
	background: #E8E8E8;
	border-radius:10px;
	color: #626262;
	font-size:16px;
	font-weight: 500;
	margin-left: 15px;
}
.detail .top .bottom .check label span:first-child{
	color: #FE9901;
	font-weight: bold;
	font-size: 16px;
} 
.detail .top .bottom .submit{
	margin-top: 37px;
}
.detail .top .bottom .submit a{
	display: inline-block;
	width: 187px;
	height: 44px;
	border-radius:5px;
	background: #FE9901;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	margin-right: 15px;
}
.detail .top .bottom .submit .vehicle{
	border:2px solid #FE9901;
	background: #fff;
	color: #FE9901;
}
.detail .top .bottom .tigs{
	color: #888;
	font-size: 17px;
	line-height: 62px;
}
.detail .top .bottom .tigs span{
	margin-left: 28px;
}



.detail .center{
	margin-top: 60px;
}
.detail .center .title{
	height: 57px;
	border-top: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5;
	position: relative;
	z-index: 100;
	background: #fff;
}
.detail .center .title span{
	display: block;
	line-height: 55px;
	width: 190px;
	text-align: center;
	font-size:18px;
	color: #FE9901;
	border-bottom: 1px solid #FE9901;
	position: relative;
	background: #fff;
	z-index: 50;
}
.detail .center .title span::after{
	display: block;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -5px;
	z-index: 5;
	left: 90px;
	transform: rotate(-45deg);
	border: 5px solid #FE9901;
	border-top-color: transparent;
	border-right-color: transparent;
	
}
.detail .center .goods{
	overflow: hidden;
}
.detail .center .goods .left{
	width: 890px;
	float: left;
}
.detail .center .goods .right{
	width:279px;
	float: right;
}
.detail .center .goods .vedio{
	padding: 54px 0 0;
	width: 891px;
	height: 640px;
	position: relative;
}
.detail .center .goods .vedio .bg{
	display: block;
	width: 100%;
	height: auto;
}
.detail .center .goods .vedio .play {
	display: block;
	position: absolute;
	width: 100px;
	height: 100px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
}
.detail .center .goods .introduce{
	font-size: 14px;
	color: #999;
	line-height: 30px;
	padding: 54px 0 50px;
}
.detail .center .goods .introduce img{
	max-width: 100% !important;
	width:100% !important;
	height: auto !important;
}
.detail .center .goods .method{
	font-size: 20px;
	line-height: 52px;
	color: #313735;
	text-align: center;
}
.detail .center .goods .item1 .every{
	cursor: pointer;
	margin-bottom: 21px;
}
.detail .center .goods .item1 .every img{
	display: block;
	width: 100%;
	height: 146px;
}
.detail .center .goods .item1 .every p{
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	background: #FE9901;
}
.detail .center .goods .item2{
	margin-top: 30px;
}
.detail .center .goods .item2 .every img{
	display: block;
	width: 100%;
	height: 180px;
}
.detail .center .goods .item1 .every p{
	color: #fff;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	background: #FE9901;
}
.detail .center .goods .item2 .every{
	margin-bottom:30px;
}
.detail .center .goods .item2 .every p{
	overflow: hidden;
	line-height: 32px;
	font-size: 16px;
}
.detail .center .goods .item2 .every .name{
	display: block;
	width: 220px;
	float: left;
	color: #888;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 32px;
}
.detail .center .goods .item2 .every .price{
	display: block;
	float: right;
	color: #FF0000;
	font-weight: bold;
}
.detail .center .bottom .price{
	font-size:18px;
	color: #313735;
	line-height:45px; 
}
.detail .center .bottom .price span:nth-child(2n+2){
	margin: 0 45px 0 14px;
	font-size:24px;
	font-weight:bold;
}
.detail .center .bottom .price span:nth-child(2){
	text-decoration: line-through;
	color: #888;
}
.detail .center .bottom .price span:nth-child(4){
	color: #FF0000;
}
.detail .center .bottom .check label{
	width: 100%;
	margin-top: 13px;
}
.detail .center .bottom .check label p{
	display: inline-block;
	padding: 8px 11px;
	background: #E8E8E8;
	border-radius:10px;
	color: #626262;
	font-size:18px;
	font-weight: 500;
	margin-left: 15px;
}
.detail .center .bottom .check label span:first-child{
	color: #FE9901;
	font-weight: bold;
	font-size: 24px;
} 
.detail .center .bottom .submit{
	margin-top: 37px;
}
.detail .center .bottom .submit a{
	display: inline-block;
	width: 187px;
	height: 44px;
	border-radius:5px;
	background: #FE9901;
	color: #fff;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	margin-right: 15px;
}
.detail .center .bottom .submit .vehicle{
	border:2px solid #FE9901;
	background: #fff;
	color: #FE9901;
}
.detail .center .bottom .tigs{
	color: #888;
	font-size: 17px;
	line-height: 62px;
}
.detail .center .bottom .tigs span{
	margin-left: 28px;
}

/*弹框样式*/
.alert-box{
    text-align: center;
    top:320px;
    position: fixed;
	width:100%;
	z-index:999;
}
.xz-alert{
    display: none;
}

#v_container{
	display: block;
    float: right;
    width: 123px !important;
    height: 65px !important;
}
#v_container canvas{
	width: 100%;
	height: 100%;
}

#username{
	width:130px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	float:right;
	line-height:69px;
	margin-left:17px;
	font-size:16px;
	color:#313735;
}


/*首页样式*/
.index .content{
	width: 1200px;
	margin:auto;
	overflow: hidden;
}
.index .list1{
	background: #009fe9;
}
.index .list1 .content p{
	line-height: 50px;
	height: 50px;
	color: #fff;
}
.index .title{
	margin: 40px auto 15px;
	font-size: 30px;
	line-height: 34px;
	text-align: center;
}
.index .eng{
	color:#999;
	text-align: center;
	color: #009fe9;
}
.index .list2{
	padding-bottom: 30px;
}
.index .list2 .item{
	width: 230px;
	height: 230px;
	position: relative;
	cursor: pointer;
	float: left;
	margin-right: 92px;
	margin-top: 70px;
} 
.index .list2 .item:nth-child(4n+4){
	margin-right: 0;
}
.index .list2 .item .img{
	width: 230px;
	height: 230px;
	border-radius: 100%;
}
.index .list2 .item .name{
	width: 230px;
	position: absolute;
	line-height: 230px;
	color: #fff;
	border-radius: 100%;
	font-size: 20px;
	text-align: center;
	opacity: 0;
}
.index .list2 .item:hover .name{
	background: rgba(0,0,0,0.5);
	opacity: 1;
	transition: all .3s linear;
}
.index .list3{
	padding-bottom: 100px;
}
.index .list3 .item{
	width: 300px;
	float: left;
	border: 2px solid #eee;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: 50px;
	margin-right: 150px;
	padding-bottom: 10px;
}
.index .list3 .item:nth-child(3n+3){
	margin-right: 0;
}
.index .list3 .item img{
	width: 296px;
	height: 200px;
}
.index .list3 .item .info{
	padding: 0 5px;
}
.index .list3 .item .name{
	overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    line-height: 45px;
    color: #333;
}
.index .list3 .item .des{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    line-height: 30px;
    color: #999;
    height: 60px;
}		
.index .list3 .item:hover{
	border: 2px solid #009fe9;
}
.index .list4 .content{
	padding:80px 0 100px;
}
.index .list4 .new{
	width: 690px;
	float: left;
	margin-right: 50px;
}
.index .list4 .picture{
	width: 460px;
	float: left;
}
.index .list4 .new .item{
	height: 75px;
	margin-bottom: 20px;
}
.index .list4 .new .item:hover .info .name{
	color: #009fe9;
}
.index .list4 .new .time{
	float: left;
	width: 75px;
	height: 75px;
	background: #eee;
	text-align: center;
	font-weight: bold;
	color: #333;
}
.index .list4 .new .time .day{
	margin-top: 18px;
}
.index .list4 .new .info{
	float: left;
	width: 600px;
	padding-left: 15px;
}
.index .list4 .new .info .name{
	overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    line-height: 28px;
    color: #333;
}
.index .list4 .new .info .des{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    line-height: 23px;
    color: #999;
    height: 46px;
}
.index .list4 .indicators-line > .carousel-indicators{
	left: 0;
	right: 0;
	margin: auto;
}
.index .list4 .bs-slider{
	height: 355px;
}
.index .list4 .bs-slider img{
	height: 355px;
}

/*子页面banner样式*/
.com_banner img{
	width: 100%;
	display: block;
	height: auto;
}


.news .list4 .new{
	width: 1200px;
	margin-right: 0;
}
.news .list4 .new .item{
	height: 100px;
	margin-bottom: 30px;
}
.news .list4 .new .time{
	width: 100px;
    height: 100px;
}
.news .list4 .new .info{
    width: 1000px;
    padding-left: 20px;
}
.news .list4 .new .info .name{
	margin-top: 12px;
}
.news .list4 .new .time .day{
	margin-top: 31px;
}
.news .list4 .commond{
	overflow: hidden;
}
.news .list4 .commond .item{
	width: 500px;
	float: left;
	box-sizing: border-box;
	border: 2px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 55px;
}
.news .list4 .commond .item:hover{
	border: 2px solid #009fe9;
}
.news .list4 .commond .item:nth-child(2n+1){
	margin-right: 122px;
}
.news .list4 .commond .item img{
	width: 496px;
	height: 260px;
}
.news .list4 .commond .item .info{
	padding: 0 6px;
}
.news .list4 .commond .item .name{
	overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    line-height: 30px;
    color: #333;
}
.news .list4 .commond .info .des{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    line-height: 23px;
    color: #999;
    height: 46px;
}
.news .content{
	width: 1125px;
}
#allmap{
	width: 1200px;
	margin: 20px auto;
	height: 430px;
}
.message{
	width: 1200px;
	margin: 20px auto;
}
.message .form {
    background: #fff;
    padding: 30px 76px 37px 56px;
}
.message .form .item {
    width: 326px;
    float: left;
}
.message .form .item:nth-child(1), .message .form .item:nth-child(2){
	margin-right: 45px;
}
.message .form .item p {
    font-size: 18px;
    color: #4D4D4D;
    line-height: 58px;
}
.message .form .item input {
    height: 45px;
}
.message .form .form-control {
    border: 1px solid #e8e8e8;
    resize: none;
}
.message .form .item.textarea {
    width: 100%;
}
.message .form .item textarea {
    background: #F8F8F8;
    line-height: 40px;
}
.message .form .submit {
    display: block;
    width: 474px;
    height: 60px;
    background: #009fe9;
    margin: 37px auto 0;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
}
.message .form .submit:hover{
	opacity: .8;
}


.detail{
	width: 1200px;
	margin: 0 auto;
}
.detail .title{
	line-height: 50px;
	font-size: 30px;
	font-weight: bold;
	margin: 10px 0;
}
.detail .content{
	line-height: 35px;
}
.detail .content img{
	display: block;
	margin: 10px auto;
}
